<!DOCTYPE html>

<%@ include file="/WEB-INF/jsp/includes/includes.jsp" %>

<html lang="en">

	<!-- html head, metadata, includes, etc -->
	<head>
		<%@ include file="/WEB-INF/jsp/includes/head.jsp" %>
	</head> 

 	<body>
 		<jsp:include page="/WEB-INF/jsp/includes/navigation.jsp">
 			<jsp:param name="current" value="home"/>
 		</jsp:include>
		
		<div class="container">
		
		  <div class="hero-unit">
		    <h1 style="margin-bottom: 20px;margin-left: -5px;">Welcome, {best-alias}</h1>
		    <p>
				This is your home page.  From here you can add, update, and change almost anything relating to your Tuppence profile.
		    </p
		    <p>
		    	Perhaps the most important aspect of this page is that you can easily and quickly provision new Tuppence security tokens with a few clicks.  
		    	This is central to the mission of Tuppence and that's why you can see it directly below.  Don't take our word for it, click "add a new token"
		    	and get started.  In minutes other services can begin using your new token to provide you with an extra layer of authorization. 
		    </p>
		  </div>
		
		  <!-- informational row -->
		  <div class="row">
		  
		  	<!-- add a new token -->
		    <div class="span4">
		      <h2 class="header-background">Add a new token</h2>
		      <p>
				Tuppence makes adding (also known as provisioning) a new token easy!  Simply click the
				button below, choose a token type, and fill in the details.
		      </p>
		      <p><a class="btn pull-right" href="#">Add a new token <i class="icon-play"></i></a></p>
		    </div>
		  
		  	<!-- view my tokens -->
		    <div class="span4">
		      <h2 class="header-background">View your tokens</h2>
		      <p>
				View, use, edit, or delete your tokens.  
		      </p>
		      <p><a class="btn pull-right" href="#">View tokens<i class="icon-play"></i></a></p>
		    </div>
		    
		  	<!-- update my provile -->
		    <div class="span4">
		      <h2 class="header-background">Update your profile</h2>
		      <p>
				Sometimes things change.  Sometimes you need a change of pace.  You can change
				the details of your profile here and let us know more (or less) about you.
		      </p>
		      <p><a class="btn pull-right" href="#">Change your profile <i class="icon-play"></i></a></p>
		    </div>
   
		  </div>
		
	  	  <!-- footer -->
  		  <%@ include file="/WEB-INF/jsp/includes/foot.jsp" %>  
		
		</div> <!-- /container -->
		
		<!-- javascript -->
		<!-- placed at the end of the document so the pages load faster, according to twitter bootstrap -->
		<%@ include file="/WEB-INF/jsp/includes/javascript.jsp" %>
	</body>
</html>
